body{
    height: 100%;
    display: block;
}
#player{
    width: 100%;
    height: 350px;
}



// 开始训练
.adiv{
    width: 100%;
    height: 55px;
    position: fixed;
    bottom: 10px;
    display: flex;
    text-align: center;
    line-height: 55px;
    padding: 0px 32px;
   
    #begin{
        width: 100%;
        height: 55px;
        color: #fff;
        border-radius: 26px;
     
    
       
        font-size: 18px;
        background-color: #4294FF;
    }
}
// 中间内容
.detailmain{
    width: 100%;
    padding: 0px 25px;
    // <!-- 内容区标题 -->
    .title{
        border-bottom: 1px solid #BBBBBB  ;
        padding-bottom: 10px;
        .tit1{
            p{
                font-size: 24px;
                padding-top: 10px;
            }
        }
        .tit2{
            margin-top: 10px;
            // 千卡
            .kilo{
                margin-right: 30px;
                .ddv1{
                    font-size: 20px;

                }
                .ddv2{
                    color: #8A8A8A ;
                    font-size: 14px;

                }

            }
            // 分钟
            .mis{
                margin-right: 122px;
                .m1{
                    font-size: 20px;
                }
                .m2{
                    color: #8A8A8A ;
                    font-size: 14px;

                }
            }
            // 练过
            .many {
                .pep{
                    color: #8A8A8A;
                    font-size: 14px;
                    margin-right: 6px;
                }
                .jt{
                    color: #8A8A8A;
                    font-size: 20px;

                }
            }
        }

    }
    // <!-- 头像区 -->
    .avataruser{
        padding-top: 5px;
        .avatar1{
            width: 80px;
            height: 80px;
            margin-right: 15px;
            border-radius: 50%;
            background-color: red;
        }
        .txt{
            
            .text1{
                margin-bottom: 10px;
                font-size: 18px;

            }
            .text2{
                font-size: 14px;
                color: #8A8A8A;

            }
        }
    }
    //   <!-- 文章区 -->
    .article{
        margin-top: 5px;
        font-size: 16px;
        color: #8A8A8A ;
         .pp1{
            line-height: 26px;

        }

        .more{
             
            color: #000;
        }
    }
    //      <!-- 练习频次 、机械 -->
    .exer{
        margin-top: 20px;
        //  <!-- 练习频次 -->
        .fre{
            height: 45px;
            width: 50%;
            padding-left: 20px;
            border-right: 1px dashed #BBBBBB;
            .t1{

            }
            .t2{
                font-size: 14px;
                color: #8A8A8A;
                margin-top: 11px;
            }

        }
        .ins{
            padding-left: 25px;
            .i1{

            }
            .i2{
                font-size: 14px;
                color: #8A8A8A;
                margin-top: 11px;
            }
        }
    }

    
}